<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>

		<title></title>
		<link rel="stylesheet" type="text/css" href="css/login.css" />
	</head>

	<body>
		<div class="web">
			<div class="hearder_box">
				<div class="search_wrap">
					<div class="close_wrap">
						<i class="iconfont icon-icon2"></i>
					</div>
					<form action="" method="post">
						<div class="search_box">
							<i class="iconfont icon-fangdajing"></i>
							<input type="text" name="" id="" value="" placeholder="Search" />
						</div>
					</form>
				</div>
			</div>
			<div class="content_box">
				<div class="user_box">
					<a href="">
						<div class="user_img">
							<img src="img/mx-nologin.png" />
						</div>
						<p>立即登录</p>
					</a>
					<span>忘记密码</span>
				</div>
				<div class="yet_user">
					<div class="user_img">
						<img src="img/head_portrait.png" />
					</div>
					<ul>
						<li class="user_name">
							<span>张小敏</span>
							<a href="">个人中心 <img src="img/drop_left_d.png" /></a>
						</li>
						<li class="star">
							<div>
								<img src="img/star.png" />
							</div>
							<div>
								<img src="img/star.png" />
							</div>
							<div>
								<img src="img/star.png" />
							</div>
							<div>
								<img src="img/star.png" />
							</div>
						</li>
						<li>
							<span>关注</span>
							<span class="color_red">36</span>|
							<span>粉丝</span>
							<span class="color_red">290</span>
						</li>
						<li>
							<a href="">我的收藏</a>
							<a href="">我的发布</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="" style="width: 100%;height: 23px;background:#303030;">

			</div>
			<div class="other_selection">
				<ul>
					<li class="gime">
						<a href="javascript:void(0)" class="kaiguan">
							<p>GIMC</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
					<div class="page_down">
						<a href="">省广介绍</a>
						<a href="">新闻资讯</a>
					</div>
					<li class="gime">
						<a href="">
							<p>文章</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
					<li class="gime">
						<a href="">
							<p>资源</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
					<li class="gime">
						<a href="">
							<p>课程</p><span><img src="img/drop_left_d.png"/></span></a>
					</li>
				</ul>
			</div>
			<script type="text/javascript">
				//1获取元素
				var kaiguan = document.querySelector(".kaiguan");
				var page_down = document.querySelector(".page_down");
				var isBlock = false;
				//2.添加事件（点击，鼠标）
				kaiguan.addEventListener("click", function() {
					if(!isBlock) {
				//3.控制样式
						page_down.style.display = "block"
						isBlock = true;
					} else {
						page_down.style.display = "none"
						isBlock = false;
					}
				})
			</script>			
		</div>

	</body>

</html>